/* ===============================
   VARIABILE GLOBALE ȘI TEMA
   Aici definim culorile, umbrele
   și spațierile folosite peste tot.
=============================== */

:root {
    --bg-body: #0f172a;              /* fundal aplicație (dark) */
    --bg-surface: #0b1020;           /* carduri / panouri */
    --text-main: #e5e7eb;            /* text standard */
    --text-muted: #9ca3af;           /* text secondar */
    --radius-md: 12px;               /* rază colțuri uniforme */
    --transition-fast: 0.2s ease;    /* animații globale */
}

/* Tema Light suprascrie variabilele */
html[data-theme="light"] {
    --bg-body: #f3f4f6;
    --bg-surface: #ffffff;
    --text-main: #111827;
}
